*{
    margin:0;
    padding:0;
    text-decoration: none;
    list-style: none;
}
body {
    text-align: center;
    --BackGroundColor:rgb(220,53,69);
    --Color:rgb(252, 251, 251);
}
.nav-item {
    width:185.2px;
    text-align: center;
    color: var(--Color);
}
.nav-item a {
    display: block;
}
.nav-item a:hover {
    background-color: rgb(231, 144, 144);
}
.cimg {
    width:100%;
    height: 500px;
}
.text-danger {
    margin-top: 30px;
}
.col {
    margin-top: 20px;
    float: left;
}
.col img {
    width: 300px;
    height: 200px;
    transition: all 0.5s;
    position: relative;
}
.col img:hover {
    cursor: crosshair;
    transform: scale(1.2);
    z-index: 999;
}
.footer {
    width: 100%;
    height: 100px;
    background-color: var(--BackGroundColor);
    color: var(--Color);
    line-height: 100px;
    margin-top: 20px;
}